<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body class="dpflex flexD">
    <header>个人信息
        <div class="item"> &lt; </div>
    </header>
    <main>
        <div class="weui-cells imgD">
            <div class="imgD-item">
                <img src="./img/头像.jpg" alt="">
            </div>
            <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:">
                <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                    <span>头像</span>
                </span>
                <span class="weui-cell__ft" aria-hidden="true" id="js_cell_tl1_link"></span>
            </a>
        </div>
        <input type="file" id="files">
        <!-- <div class="imgD">头像
            <div class="imgD-item"></div>
        </div> -->
        <label for="js_input2" class="weui-cell weui-cell_active">
            <div class="weui-cell__hd">
                <span class="weui-label">昵称</span>
            </div>
            <div class="weui-cell__bd">
                <input id="js_input2" class="weui-input inp" placeholder="填写本人微信号的昵称" />
            </div>
        </label>
        <!-- <div class="weui-cells__title">带说明、跳转的列表项</div> -->
        <div class="weui-cells genders">
            <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:">
                <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                    <span>性别</span>
                </span>
                <span class="weui-cell__ft gender-text" aria-hidden="true" id="js_cell_tl1_link"></span>
            </a>
        </div>
        <div class="weui-cells year">
            <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:">
                <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                    <span>生日</span>
                </span>
                <span class="weui-cell__ft years" aria-hidden="true" id="js_cell_tl1_link"></span>
            </a>
        </div>
        <div class="weui-cells pos">
            <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:">
                <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                    <span>省份</span>
                </span>
                <span class="weui-cell__ft pos-text" aria-hidden="true" id="js_cell_tl1_link">未选择</span>
            </a>
        </div>
        <div class="weui-cells ches">
            <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:">
                <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                    <span>城市</span>
                </span>
                <span class="weui-cell__ft ches-text" aria-hidden="true" id="js_cell_tl1_link">未选择</span>
            </a>
        </div>
        <div class="weui-form__control-area">
            <div class="weui-cells__group weui-cells__group_form">
                <div class="weui-cells__title">个人介绍</div>
                <div class="weui-cells weui-cells_form">
                    <div class="weui-cell weui-cell_active">
                        <div class="weui-cell__bd">
                            <textarea class="weui-textarea item1" placeholder="请描述" rows="3"></textarea>
                            <div role="option" aria-live="polite" class="weui-textarea-counter">
                                <span>0</span>/200</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <a href="#button_bottom_fixed" role="button" class="weui-btn weui-btn_default btn">确认信息</a>
    </main>
</body>

</html>